<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人中心 - 摄影开课吧</title>

</head>
<body>
    <div class="navBar">
        <div class="titleLeft">
            <a href="#" class="titleLink">开课吧首页</a>
            <a href="#" class="titleLink">创业微学院</a>
            <a href="#" class="titleLink">摄影微学院</a>
            <a href="#" class="titleLink">微聚</a>
            <a href="#" class="titleLink">论坛</a>
        </div>
        <div class="titleRight">
            <a href="#" class="titleLink">注册|登录</a>
            <a href="#" class="titleLink">播放记录</a>
            <a href="#" class="titleLink">APP下载</a>
        </div>
    </div>
    
    <div class="navBar2">
        <div class="titleLeft">
            <a href="#" class="titleLink2">
                <span style="font-size: 30px;">摄影</span><span style="font-size:medium">开课吧</span>
            </a>
            <a href="#" class="titleLink2">
                个人中心
            </a>
            <a href="#" class="titleLink2">
                视频播放
            </a>
        </div>
    </div>


    <div class="user-list">
        <div class="user-item">
            <div class="avatar">用户</div>
            <div class="user-name">nosay</div>
            <div class="user-stats">视频: 34 粉丝: 30112</div>
        </div>

    </div>


    <div class="horizontal-menu">
        <a href="#" class="active">个人中心</a>
        <a href="#">播放记录</a>
        <a href="#">我的收藏</a>
        <a href="#">我的订阅</a>
        <a href="#">我的视频</a>
    </div>

    <div class="main-content">
        <div class="left-column">
            <div class="section">
                <h2 class="section-title">最近播放视频</h2>
                <div class="image-grid">
                    <div class="grid-item"></div>
                    <div class="grid-item"></div>
                    <div class="grid-item"></div>
                    <div class="grid-item"></div>
                    <div class="grid-item"></div>
                    <div class="grid-item"></div>
                </div>
            </div>
        </div>
        
        <div class="right-column">
            <div class="section">
                <h2 class="section-title">共订阅了8人</h2>
                <div class="subscription-list">
                    <div class="subscription-item">
                        <div class="sub-avatar">N</div>
                        <div>
                            <div class="user-name">nosay</div>
                            <div class="user-stats">视频: 34 订阅粉丝: 30112</div>
                        </div>
                    </div>
                    <div class="subscription-item">
                        <div class="sub-avatar">P</div>
                        <div>
                            <div class="user-name">photolover</div>
                            <div class="user-stats">视频: 28 订阅粉丝: 24567</div>
                        </div>
                    </div>
                    <div class="subscription-item">
                        <div class="sub-avatar">S</div>
                        <div>
                            <div class="user-name">shutterbug</div>
                            <div class="user-stats">视频: 42 订阅粉丝: 31209</div>
                        </div>
                    </div>
                    <div class="subscription-item">
                        <div class="sub-avatar">L</div>
                        <div>
                            <div class="user-name">lensmaster</div>
                            <div class="user-stats">视频: 19 订阅粉丝: 18765</div>
                        </div>
                    </div>
                </div>
                <div class="view-more">
                    <a href="#" style="color: black;">查看更多</a>
                </div>
            </div>
        </div>
    </div>

    <div class="footer">
        <p>Copyright©2024开课吧 版权所有</p>
    </div>
</body>
    <style>
        @import url('login.css');
        @import url('personal.css');
    </style>
</html>